main {
    background-color: #E8E8E8;
    // 头像+用户名+个性签名
    .headUser-signature {
        width: 100%;
        height: 12.5rem;
        padding: 1.25rem 5%;
        position: relative;
        background: #fff;
        // 头像用户
        .headUser {
            display: flex;
            align-items: center;
            img{
                width: 7.5rem;
                height: 7.5rem;
                border-radius: 50%;
                border: .0625rem solid #4294FF;
            }
            span {
                // display: inline-block;
                margin-left: 1.25rem;
                font-size: 1.375rem;
            }

            .icon-vip {
                font-size: 3rem;
                color: #ff6600;
                position: absolute;
                top: 6.25rem;
                left: 5.625rem;

            }

            .icon-xiangyou1 {
                margin-left:27%;
                font-size: 1.375rem;
                color: #8A8A8A;
            }
        }

        // 个性签名
        .signature {
            margin-top: 1.25rem;
            font-size: 1.125rem;
            color: #8A8A8A;
            padding-left: 1.25rem;
        }
    }


    // 个人动态 
    .dynamics {
        height: 3.125rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1.25rem 5%;
        background: #fff;
        margin: 1.25rem 0;
        .personal {
            font-size: 1.125rem;
            color: #101010;

            img {
                vertical-align: -0.3125rem;
            }
        }

        .row-count {
            font-size: 1rem;
            color: #8A8A8A;

            .icon-xiangyou1 {
                font-size: 1.375rem;
                vertical-align: -0.1875rem;
            }
        }

    }

    // 运动数据
    .data-motion {
        height: 11.875rem;
        margin-bottom: 1.5625rem;
        padding: 1.25rem 5%;
        background: #fff;
        // 上运动数据
        .data {
            color: #101010;
            font-size: 1.125rem;
            display: flex;
            justify-content: space-between;
            padding-bottom: 1.25rem;

            img {
                vertical-align: -0.3125rem;
            }

            .icon-xiangyou1 {
                font-size: 1.375rem;
                color: #8A8A8A;
            }
        }


        // 下总运动
        .motion {
            display: flex;
            justify-content: space-around;


            // 总运动
            .total-motion {
                border-right: .0625rem dashed #ddd;
                padding-right: 1.25rem;

                h6 {
                    font-size: 1rem;
                    color: #8A8A8A;
                    margin-bottom: .9375rem;
                }

                span {
                    color: #4294FF;
                    font-size: 2.5rem;
                }
            }

            // 消耗
            .consume {
                h6 {
                    font-size: 1rem;
                    color: #8A8A8A;
                    margin-bottom: .9375rem;
                }

                span {
                    color: #4294FF;
                    font-size: 2.5rem;
                }
            }
        }

    }

    // 我的运动徽章
    .badges{
        // display: flex;
        height: 10.9375rem;
        padding-top: 1.25rem;
        padding: 1.25rem 5%;
        background: #fff;
        margin-bottom: 1.25rem;
        .data{
            display: flex;
            justify-content: space-between;
            position: relative;
            img{
                vertical-align: -0.375rem;
            }
            i{
                position: absolute;
                top: 0rem;
                left: .1875rem;
                color: #fff;   
            }
            .icon-xiangyou1{
                font-size: 1.375rem;
                color: #8A8A8A;
            }
        }
        // 下徽章图片
        .badges-img{
            display: flex;
            justify-content: space-between;
            img{
                border-radius: 50%;
                border: .0625rem solid #BBBBBB;
                width: 100px;
                height: 100px;
            }
        }
    }

    // 登录
    .log-out{
        width: 25.875rem;
        height: 3.125rem;
        color: #4294FF;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.125rem;
    }
}
.tabbar .item span {
    font-size: 3.382vw;
    margin-top: -0.792vw;
}